<template>
    <van-dropdown-menu active-color="#ff8d1a" :overlay="false" :close-on-click-outside="false">
        <van-dropdown-item v-model="value" title="定位" :options="options" />
        <van-icon name="wap-nav" class="wap-nav" />
    </van-dropdown-menu>
    <van-button plain hairline to="NearbySearch" type="success"> </van-button>

    <van-icon name="search" class="search-icon" />
</template>
<script setup>
import { useNearbyTop } from '@/hooks/useNearby'
const {
    value,
    options,

} = useNearbyTop()
</script>
<style lang="scss" scoped>
.van-dropdown-menu {

    width: 220px;
    height: 83px;

    // top: 4px;
    color: #505050;
    font-size: 29px;
    position: relative;


}

.van-button {
    width: 500px;
    height: 66px;
    color: #505050;
    position: fixed;
    top: 10px;
    left: 220px;
}

.wap-nav {
    font-size: 40px;
    position: absolute;
    top: 28px;
    left: 30px;
    color: #505050;
    // z-index: 999;
}

.search-icon {
    font-size: 40px;
    position: fixed;
    top: 25px;
    right: 40px;
    color: #505050;
    // z-index: 999;
}

.van-dropdown-item {

    width: 40%;
}
</style>